<template>
 <div class="buttonsWrap">
    <ul class="btn" >
      <router-link to="/log/daily"  tag="li" class="">
      <nut-button 
        block 
        shape="circle"
        type="light"
        @click="clickHandler"
      >
        写日报
      </nut-button>
      </router-link>
   
       <router-link to="/log/weekly" tag="li">
      <nut-button 
        block 
        shape="circle"
        type="light"
        
      >
        写周报
      </nut-button>
      </router-link>
    </ul>
 </div>
</template>

<script>

export default {
  
  components: {
   
  },
  data() {
    return {
     
    };
  },
  mounted() {
   console.log('mounted')
  },
  methods:{
    clickHandler(){
      console.log(this.$router.params )
    }
  }
  
};
</script>
<style lang="scss" scoped>
  .buttonsWrap{
    width:100;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    .btn{
      margin:10px auto;
      width:100%;
       display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      li{
        width:70%;
        margin:10px auto;
      }
    }

  }
</style>
